﻿@{
    Layout = "";
    ViewBag.Title = "2048";
}

<html>
    <head>
        <meta charset="utf-8">
        <title>2048</title>
        <link href="~/Content/2048/main.css" rel="stylesheet" type="text/css">
        <link rel="apple-touch-icon" href="~/Images/apple-touch-icon.png">
        <link rel="apple-touch-startup-image" href="~/Images/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone 5+ -->
        <link rel="apple-touch-startup-image" href="~/Images/apple-touch-startup-image-640x920.png"  media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone, retina -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
    </head>
    
    <body>
        <div class="container">
            <div class="menu-container" style="float: right;text-align: right;width: 100%; padding-bottom:10px" >
                <a href="/">Go To Home</a>
                <a href="/guestbook/list?location=GUESTBOOK&subKey=0&pageSize=10" style="padding-left: 20px;" >Go To GuestBook</a>
            </div>
            <div class="heading">
                <h1 class="title">2048</h1>
                <div class="scores-container">
                    <div class="score-container">0</div>
                    <div class="best-container">0</div>
                </div>
            </div>

            <div class="above-game">
                <p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
                <a class="restart-button">New Game</a>
            </div>

            <div class="game-container">
                <div class="game-message">
                    <p></p>
                    <div class="lower">
                        Name : <input type="text" id="txtName" name="txtName" style="width:50%; margin-bottom:20px;" maxlength="50" /><br/>
                        <a class="keep-playing-button">Keep going</a>
                        <a class="retry-button">Try again</a>
                        <a class="saveName">Save YourName</a>
                    </div>
                </div>

                <div class="grid-container">
                    <div class="grid-row">
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                    </div>
                    <div class="grid-row">
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                    </div>
                    <div class="grid-row">
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                    </div>
                    <div class="grid-row">
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                        <div class="grid-cell"></div>
                    </div>
                </div>

                <div class="tile-container">

                </div>
            </div>
            
            <br />
            <h3>Ranking</h3>
            <table class="tb-ranking">
                <thead >
                    <tr>
                        <td>
                            Ranking
                        </td>
                        <td>
                            Name
                        </td>
                        <td>
                            Score
                        </td>
                        <td>
                            Date
                        </td>
                    </tr>
                </thead>
                <tbody id="tbRankingList">
                </tbody>
            </table>
            <hr>
            <p>
                Created by <a href="http://hinoky.com" target="_blank">hinoky.com.</a> conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
            </p>
        </div>
        
        <script src="~/Scripts/customJS/common.js"></script>
        <script src="~/Scripts/2048/bind_polyfill.js"></script>
        <script src="~/Scripts/2048/classlist_polyfill.js"></script>
        <script src="~/Scripts/2048/animframe_polyfill.js"></script>
        <script src="~/Scripts/2048/keyboard_input_manager.js"></script>
        <script src="~/Scripts/2048/html_actuator.js"></script>
        <script src="~/Scripts/2048/grid.js"></script>
        <script src="~/Scripts/2048/tile.js"></script>
        <script src="~/Scripts/2048/local_storage_manager.js"></script>
        <script src="~/Scripts/2048/server_manager.js"></script>
        <script src="~/Scripts/2048/game_manager.js"></script>
        <script src="~/Scripts/2048/application.js"></script>
        
        <script>
            
        </script>
    </body>
</html>






